<template>
  <div>
    <el-container>
      <el-header>
        <img src="../assets/images/login.png" alt="" />
        <span><b>任务悬赏平台</b></span>
      </el-header>
      <el-main class="main">
        <div class="img">
          <div class="content">
            <div
              style="
                width: 150px;
                height: 42px;
                margin-top: 30px;
                margin-left: 30px;
              "
            >
              <span  @click="gologin" style="font-size: 25px; float: left">＜</span>
              <span
                style="
                  font-size: 19px;
                  margin-top: 5px;
                  margin-left: 20px;
                  float: left;
                "
                ><b> 忘记密码</b></span
              >
            </div>
            <div
              style="
                width: 300px;
                height: 330px;
                
                margin-left: 32px;
              "
            >
              <el-form ref="form" :model="form" label-width="10px">
               
                <el-form-item style="margin-top:15px" >
                  <el-input placeholder="请输入手机号" style="width:173px" v-model="form.date2"></el-input>
                  <el-button @click="gohq"  style="width:89px;height:39px;border-radius: 2px;" type="primary">获取验证码</el-button>
                </el-form-item>
                <el-form-item style="margin-top:15px" >
                  <el-input placeholder="请输入验证码" style="width:263px" v-model="form.date1"></el-input>
                </el-form-item>
                <el-form-item style="margin-top:15px" >
                  <el-input placeholder="请输入密码" style="width:263px" v-model="form.resource"></el-input>
                </el-form-item>
               
                  
               
                <el-form-item  style="margin-top:15px;">
                  <el-button style="width:263px;height:40px" type="primary" @click="gologin">立即登录</el-button>
                </el-form-item>
                
              </el-form>
              
              
            </div>
            <div>
        <div style="width: 330px; height: 40px; margin:25px auto">
          <el-divider></el-divider>
          <div style="width: 310px; margin: 0 auto; font-size: 12px">
            <span style="color: rgb(160, 160, 160)"
              >当前公司有部分任务需要放在此平台上，面对对象是内部员工或者是招聘的实习生，以及面试后未进入本公司，但有意向接受本公司任务的面试者。
            </span>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- +++++++++++++++++++++++++++++++++++++++++++登录组件+++++++++++++++++++++++++++++++++++++ -->
      </el-main>
      <el-footer style="margin-top: 2px; background: #313131; height: 150px">
        <div
          style="
            color: rgb(160, 160, 160);
            width: 700px;
            height: 120px;
            margin-top: 12px;
            margin-left: 150px;
          "
        >
          <span>优聘科技</span>&nbsp;&nbsp;&nbsp;<span>学识云平台</span
          ><br /><br />
          <span style="font-size: 12px"
            >优聘科技企业信息化&nbsp;&nbsp;&nbsp;&nbsp;Copyright&nbsp;@2015 -
            2021 YOYOHR.COM ALL Rights Reserved</span
          ><br /><br />
          <div class="inimg">
            <img src="../assets/images/login1.png" alt="" />
            <img src="../assets/images/login2.png" alt="" />
          </div>
          <span style="font-size: 12px"
            >ICP许可证：鄂B2-20190497&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鄂ICP备：15018236号-1</span
          >
        </div>
      </el-footer>
    </el-container>
  </div>
</template>



<style scoped>
* {
  padding: 0px;
  margin: 0px;
}
.inimg img {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  
}
.inimg {
  display: inline-block;
}
.el-header img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 20px;
}
.img {
  /* border: red solid 1px; */
  background-image: url("../assets/qietu/蒙版组 14.png");
  background-repeat: no-repeat;
  width: 718px;
  height: 550px;
  position: relative;
  left: 220px;

  /* float: left; */
  /* margin-left: 250px; */
  /* margin-top: 0px; */
}
.content {
  position: absolute;
  top: 50px;
  left: 720px;
  /* right: 210px; */
  /* margin-top: 20px; */
  /* margin-right: 150px; */
  border: white 1px solid;
  background-color: white;
  /* float: right; */
  width: 370px;
  height: 500px;
  border-radius: 5px;
}

.phonew {
  width: 320px;
  margin-right: 50px;
  margin-top: 30px;
}
.main {
  padding: 0px;
  background-color: #f3f3f3;
}
</style>
<script>
export default {
  name: "login",
  data() {
    return {
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        },
      content: {},

      ruleForm: {
        mobile: "",
        password: "",
      },
      rules: {
        mobile: [
          { required: false, message: "请输入手机号", trigger: "blur" },
          {
            min: 8,
            max: 11,
            message: "长度在 8 到 11 个字符",
            trigger: "blur",
          },
        ],
        password: [
          { required: false, message: "请输入密码", trigger: "blur" },
          {
            min: 3,
            max: 16,
            message: "长度在 3 到 16 个字符",
            trigger: "blur",
          },
        ],
      },
    };
  },

  methods: {
    gohq(){
      this.$http({
        method:'POST',
        url:'http://rap2.youpink8s.net/repository/editor/api/v1/auth/send_rest_code?id=83&mod=679&itf=3655'
      }).then(response=>{
        console.log(response.data.result.text);
      }).catch(function(err){
        console.log(err);
      })
    },
      gologin(){
          this.$router.push("/login"); 
      },
    login() {
      /* let {mobile,password } = this.ruleForm;
        this.$http({
            methods:'post',
            url:'/login',
            data:{user:mobile,password:password}
        }).then(res=>{
            console.log(res);
            let{code}=res.data;
            if(code == '200'){
                sessionStorage.setItem('username',mobile);//当关闭浏览器，其缓存的用户名密码都删除掉
                this.$router.push('/rwgl');//重定向为home
            }
        }) */
      // sessionStorage.setItem('username');//当关闭浏览器，其缓存的用户名密码都删除掉
      this.$router.push("/rwgl"); //重定向为home
    },
  },
};
</script>

